<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
    <div th:if="!${#lists.isEmpty(dataList)}" th:each="data : ${dataList}" class="ibox float-e-margins col-systemBox" th:attr="data-location=${data['key']}" draggable="false">
        <div th:if="!${#maps.isEmpty(data)} and ${data['key']}=='operate'" class="ibox-title ibox-move-title">
            <h5 class="fs16 c-222 iboxTxt">内容提供<span class="ml10 fs12 c-999">向学员提供实用内容</span></h5>
        </div>
        <div th:if="!${#maps.isEmpty(data)} and ${data['key']}=='provider'" class="ibox-title ibox-move-title">
            <h5 class="fs16 c-222 iboxTxt">运营支持<span class="ml10 fs12 c-999">根据不同的目标学员提供不同的运营服务</span></h5>
        </div>
        <div th:if="!${#maps.isEmpty(data)} and ${data['key']}=='prepare'" class="ibox-title ibox-move-title">
            <h5 class="fs16 c-222 iboxTxt">系统准备<span class="ml10 fs12 c-999">向根据不同的目标学员提供不同的运营服务</span></h5>
        </div>
        <div class="ibox-content">
            <div class="row" th:attr="id=${data['key']}">
                <div class="system-item-box system-item-warp" th:each="workbench : ${data['list']}" draggable="false" th:attr="data-location=${data['key']}" th:attrappend="data-workbench=${workbench['id']}">
                    <div class="sys-item-ele hand sys-function-box-r" th:attr="data-id=${workbench['sysFunction']['id']}" th:attrappend="data-uri=${workbench['clickUrl']}">
                        <div class="ibox-title">
                            <span class="ibox-icon text-center pull-left m-r-sm move">
                                <i th:classappend="!${#strings.isEmpty(workbench['sysFunction']['iconClass'])} ? ${workbench['sysFunction']['iconClass']}:'fa-info'" class="fa fs24 c-fff"></i>
                            </span>
                            <h5>
                                <span class="fs18 c-333" th:text="${workbench['sysFunction']['functionName']}"></span>
                                <p class="m-t-xs" data-toggle="tooltip" data-placement="top" th:attr="data-original-title=${workbench['sysFunction']['depict']}">
                                    <span th:if="${#strings.isEmpty(workbench['sysFunction']['depict'])}" class="fs12 c-999">无权限说明</span>
                                    <span th:if="!${#strings.isEmpty(workbench['sysFunction']['depict'])} and ${#strings.length(workbench['sysFunction']['depict'])}>15" class="fs12 c-999" th:text="${#strings.substring(workbench['sysFunction']['depict'],0,15)}+'...'"></span>
                                    <span th:if="!${#strings.isEmpty(workbench['sysFunction']['depict'])} and ${#strings.length(workbench['sysFunction']['depict'])} <= 15" class="fs12 c-999" th:text="${workbench['sysFunction']['depict']}"></span>
                                </p>
                            </h5>
                        </div>
                    </div>
                </div>
                <div class="system-item-box system-item-warp last-sys-item-box" th:attr="data-location=${data['key']}">
                    <div class="sys-item-ele">
                        <div class="sys-item-add text-center">
                            <a href="javascript:void(0);">
                                <span class="c-999 fs24 pull-left m-r"><i class="fa fa-wrench"></i></span>
                                <span class="c-999 fs14 pull-left">修改系统与常用功能</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</html>